<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/environmental.css"/>
		<title>登录</title>
		<style type="text/css">
			body{background-color: #fff;}
		</style>
	</head>
	<body>
		<div class="youyi_login">
			<div class="logo_wrap">
				<img src="../images/login/logo.png"/>
			</div>
			<div class="login_form">
				<div class="mui-input-row">
					<input type="text" placeholder="输入账户名称" class="user_name"  />
				</div>
				<div class="mui-input-row psw_row">
					<input type="password" class="psw"><span class="showPsw"></span>
				</div>
			</div>
			<div class="mui-content-padded login_btn_padded">
				<button id="login" class="mui-btn mui-btn-block">登录</button>
				<div class="link-area clear">
					<a href="select_regist.html" id="reg" class="mui-pull-left">注册账号</a> <a href="forget_psw.html" id="forgetPassword" class="mui-pull-right">忘记密码</a>
				</div>
			</div>
			<div class="thirdParty clear">
		    	<p><span>使用第三方账号登录</span></p>
		    	<a href="##"><img src="../images/login/weixin.png" alt="weixin"></a>
		    	<a href="##"><img src="../images/login/weibo.png"/></a>
		    	<a href="##"><img src="../images/login/qq.png" alt="QQimg"></a>
		    </div>
		</div>
		
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	mui.ready(function(){
		document.querySelector(".showPsw").addEventListener("tap",function(){
			$(this).toggleClass("active");
			if($(this).hasClass("active")){
				$(this).prev().attr("type","text");
			}else{
				$(this).prev().attr("type","password");
			};
		});
	});
</script>
	</body>
</html>
